<!DOCTYPE html>
<html lang="en">
<head>
    <div th:include="base-libs :: base-libs" />
    <!--<script th:src="@{/service/js/jspdf.js}"></script>-->
    <!--<script th:src="@{/service/js/html2canvas.js}"></script>-->
    <meta charset="UTF-8">
    <title>查看协议详情</title>
    <style>
        .td-text{
            line-height: 14px !important;
            text-align: center;
            vertical-align: middle !important;
            border: 1px solid #e9e9e9;
        }
        th{
            border:1px solid #e9e9e9;
            background:#f7f9fb;
            text-align: center;
        }
        .form-table td {
            padding: 3px;
        }
        .panel-body{
            padding-bottom: 2px;
        }
        .xynr{
            padding: 10px 8px;
        }
        .xynr p{
            text-indent:2em;
            margin-top: 4px;
        }
        .qyfy{
            border: none;
            border-bottom: 1px solid #B6B6B6;
            border-radius: 0px;
            padding-left: 10px;
            height: 24px;
            width: 70px;
            line-height: 24px;
        }
        .xynr-qz{
            font-weight: bold;
        }
        .xynr-qz p{
            margin-top: 10px;
        }
        .fwbSpan{
            padding-left: 10px;
            font-weight: 800;
            color: blue;
            cursor: pointer;
        }
        #confirmDiv p{
            width:80%;
            margin:0 auto;
        }
        .iptBotBor{
            border: none;
            border-bottom: 1px solid #B6B6B6;
            border-radius: 0px;
            height: 24px;
            width: 70px;
            line-height: 24px;
            text-align: center;
            position:relative;
            top:-3px;
        }
        .spanBotBor{
            border: none;
            border-bottom: 1px solid #B6B6B6;
            line-height: 24px;
            text-indent: 0.2em;
            display: inline-block;
            text-align: center;
        }
        .panel>div{
            margin:0 auto;
        }
        /*.panel-header,.panel-body{
            !* 处理分辨率不同的问题 *!
            width:100% !important;
        }*/
        #jysfDiv p{
            text-indent:3.2em;
            margin-top: 10px;
        }
        #jysfDiv div{
            padding-left:95px;
        }
        .xynr-qz .span1{
            padding-left: 20%;
        }
        .xynr-qz .span2{
            float: right;
            padding-right: 20%;
        }
        #xyhDiv p{
            margin:8px 0;
        }

        .panel-body{
            border:0 !important;
        }
        .panel-header{
            background:#fff;
            border:0 !important;
        }
        #FWBMC,.fwbSpan{
            color:#000 !important;
        }
        #fwbTb td,#ybfwxTb td{
            padding-top: 5px;
            padding-bottom: 5px;
            line-height:18px;
            vertical-align: middle;
            border:1px solid #e9e9e9;
            text-align:center;
        }
        /* 针对打印用的css */
        @media print{
            .panel>div{
                margin:0;/*重置margin*/
                margin-left:6px; /*内容居中调节*/
            }
            #fwbTb{
                margin:0;/*重置margin*/
                margin-left:6px; /*内容居中调节*/
            }
            #printBox{
                display: none;
            }
            #xynrDiv{
                overflow: hidden;
                height:100%;
             }
            html{
                overflow: hidden;
            }
            body{
                height:auto; /*该属性打印时一定要设置*/
                overflow: hidden;
            }
        }
    </style>
    <script th:inline="javascript">
        /**读取request中的初始化数据*/
        var XYID = [[${XYID}]];
        var QYXXID = [[${QYXXID}]];
    </script>
    <script type="text/javascript">
        var dzxyObj = StoreCache.removeCache("dzxyObj"); //电子协议Obj
        var printYbfwx = false; //是否打印医保服务项
        $(function() {
            initView();
        });

        function initView(){
            downPDF();
            initData();
        }

        function initData(){
            if(StringUtils.isEmpty(XYID)){
                $.QuickAlert.alertFail({content: "您查询的协议不存在，请联系系统管理员。"});
                throw new Error("XYID为空，该人员可能是上个版本签约人员！");
            }
            $.QuickRemote.AjaxJson("queryXyByXyid", function(result){
                var content = result["CONTENT"];
//                $("#xynrDiv").append(content);
                try{
                    $("#xynrDiv").prepend(content);
                }catch(err){}
                var sfcb = $("#SFCB option:selected").text();
                $("#sfcbInput").val(sfcb).show();
                $("#SFCB").remove();


                //是否为定时任务的自动续约服务生成的电子协议
                var data = JSON.parse($("#jfDiv").attr("data").replace(/'/g,'"'));
                if($("#jfDiv").attr("timeTask")==1){
                    initZdxyData(data);
                }
                //载入医保服务项
                var YBFWX_ARR = data.YBFWX_ARR;
                if(!StringUtils.isEmpty(YBFWX_ARR)){
                    initYbfwx(JSON.parse(YBFWX_ARR));
                }
                $("#jfDiv").data("data", data);
            }, {XYID: XYID});
        }

        /*载入自动续约数*/
        function initZdxyData(data){
            czxxDivFormat("xyxxDiv");

            var timeReg = /^(\d{4}-\d{2}-\d{2})\s+\d{2}:\d{2}:\d{2}/;
            /*载入数据*/
            $(".jqxy_form_control").each(function(){
                var name = $(this).attr("name");
                var value = data[name];
                if(!StringUtils.isEmpty(value)) data[name] = value = value.replace(timeReg,"$1");
                if(this.tagName=="INPUT"){
                    $(this).val(value);
                }else{
                    $(this).html(value);
                }
            })

            /** 载入服务包价格 */
            $.QuickRemote.AjaxJson(contextRoot + "jtqy/queryXyFWB.service", function(result){
                var obj = {FY:0,GWJFZF:0,YBGRZF:0,JMZFFY:0};
                $.each(result, function(i,item){
                    obj.FY = obj.FY + parseFloat(this.FY || 0);
                    obj.GWJFZF = obj.GWJFZF + parseFloat(this.GWJFZF || 0);
                    obj.YBGRZF = obj.YBGRZF + parseFloat(this.YBGRZF || 0);
                    obj.JMZFFY = obj.JMZFFY + parseFloat(this.JMZFFY || 0);
                })
                for(var key in obj){
                    $("[name="+key+"]").val(obj[key]);
                }
            },{FWBIDS:data.FWBIDS});
        }

        /** 操作信息Div处理(删除||展现)  */
        function czxxDivFormat(czxxDivId){
            $(".czxxDiv").each(function(){
                var divId = this.id;
                if(this.id == czxxDivId){
                    $(this).parent().show(); //展示出来
                }else{
                    $(this).parent().remove(); //删除不需要的
                }
            })
        }

        /** 导出PDF */
        function downPDF(){
            /**  通过前台js文件库的直接导出——核心：先转化为图片 */
            /*
             html2canvas(document.getElementById("xynrDiv"), {
             onrendered: function(canvas) {
             //通过html2canvas将html渲染成canvas，然后获取图片数据
             var imgData = canvas.toDataURL('image/jpeg');
             //初始化pdf，设置相应格式
             var doc = new jsPDF("p", "mm", "a4");
             //这里设置的是a4纸张尺寸
             doc.addImage(imgData, 'JPEG', 0, 0,210,297);
             //输出保存命名为content的pdf
             doc.save('content.pdf');
             }
             });
             */

            /** 通过后台itextpdf这个jar导出  */
            //setFileModelName(); //设值文件使用的模板
            //input处理--input在pdf中无法显示
//            $("#xynrDiv").find("input").each(function(){
//                if($(this).next().html() != this.value){
//                    var span = $("<span>").html(this.value).css("text-decoration","underline").hide(); //pdf文件对样式中的display:none不支持：嗯，应该是的
//                    $(this).after(span);
//                }
//            })
//            $(".edui-container").remove(); //删除ueditor编辑器遗留
//            var content = $("#xynrDiv").html();
//            var style = $("style").prop("outerHTML");
//            content = (content).replace(/%/g,"gzbBfh"); //百分号%处理
//            $("#htmlDocument").val(content);
//            $("#exportForm").submit(); // step1: 下载pdf协议文件
//            $("#exportForm1").submit();// step2: 下载服务包word文件

            /**  打印协议——在线打印 */
            $("#btnDyxy").click(function(){
                //判断服务包是否已经加载
                if($("#fwbTb tbody tr").length==1){
                    initFwb();
                }else{
                    printBody();
                }
            });
        }

        /* 载入：附1：服务包信息 */
        function initFwb(){
            var data = $("#jfDiv").data("data");
            if(!StringUtils.isEmpty(data.FWBIDS)){
                $.QuickRemote.AjaxJson(contextRoot + "jtqy/queryXyFWB.service", function(result){
                    var fieldObj = ["FWBMC","QYDXMC","CBCSJ","FY","YBGRZF","JMZFFY","FWNR"];

                    $.each(result, function(i,item){
                        var tr = $($("#fwbTr").html());
                        tr.find("td").each(function(i){
                            var key = fieldObj[i];
                            var val = item[key];
                            if(key == "FWNR" && !StringUtils.isEmpty(val)){
                                var valArr = val.split("|");
                                val = "";
                                for(var i=0;i<valArr.length;i++){
                                    val += "(" + (i+1) + ")";
                                    val+= valArr[i];
                                    val+=";";
                                    val+= i==valArr.length-1?"":"<br/>";
                                }
                            }
                            $(this).html(val);
                        })
                        $("#fwbTb tbody").append(tr)
                    })
                    printBody();
                }, {FWBIDS: data.FWBIDS});

            }
        }

        /* 载入：附2：医保服务项 */
        function initYbfwx(ybfwxArr){
            if(ybfwxArr.length>0){
                printYbfwx = true; //是否打印附2
                var ZJ = 0;
                var $tbody = $("#ybfwxTb tbody");
                $.each(ybfwxArr, function(i){
                    var td1 = $("<td>").html(i+1);
                    var td2 = $("<td>").html(this.FWMC);
                    var td3 = $("<td>").html(this.DJ);
                    var td4 = $("<td>").html(this.FWCS);
                    var td5 = $("<td>").html(this.ZJ);
                    ZJ += parseFloat(this.ZJ);
                    $tbody.append($("<tr>").append(td1,td2,td3,td4,td5))
                })
                $("#ZJ").html(ZJ)
            }
        }

        /** 将整个页面，也就是body中所有非隐藏的元素打印 */
        function printBody(){
            /*================分页================*/
            //pageHeight==A4纸相对与浏览器页面的高度——打印结果为100页=1036；300页=1043；600页=1045；1200页=1046
            //pageHeight目前取了一个"中间值"，页面打印的 分页 有误时可以微调该值
            /*var pageHeight = 1040;
            var xynrDivHeight = $(".xymbContent").height(); //协议原来高度
            var pageSize = parseInt(xynrDivHeight/pageHeight);
            if(pageSize != (xynrDivHeight/pageHeight).toFixed(2)){
                pageSize ++;
            }
            var newXynrDivHeight = pageSize*pageHeight;  //协议形成分页高度
            $(".xymbContent").css("height",newXynrDivHeight);
            $("#fwbTb,#fwbTs").show();
            $("#fwbTs").show();
            parent.layer.closeAll(); //关闭遮罩层
            var data = $("#jfDiv").data("data");
            var oldTitle = $("title").text();
            var fileName = data.XM + data.ZJHM + data.YFYLJGMC;
            //IE8判断
            if(navigator.userAgent.toLowerCase().indexOf("msie 8") == -1)$("title").text(fileName);
            window.print();
            if(navigator.userAgent.toLowerCase().indexOf("msie 8") == -1)$("title").html(oldTitle);
            $("#fwbTb,#fwbTs").hide();
            $(".xymbContent").css("height",xynrDivHeight);*/

            /*================不分页================*/
            $("#fwbTb,#fwbTs").show();
            if(printYbfwx) $("#ybfwxTb,#ybfwxTs").show();
            parent.layer.closeAll(); //关闭遮罩层
            var data = $("#jfDiv").data("data");
            var oldTitle = $("title").text();
            var fileName = data.XM + data.ZJHM + data.YFYLJGMC;
            //IE8判断
            if(navigator.userAgent.toLowerCase().indexOf("msie 8") == -1)$("title").text(fileName);
            window.print();
            if(navigator.userAgent.toLowerCase().indexOf("msie 8") == -1)$("title").html(oldTitle);
            $("#fwbTb,#fwbTs").hide();
            if(printYbfwx) $("#ybfwxTb,#ybfwxTs").hide();
        }

    </script>
</head>
<body>
<!-- form for click to download PDF -->
<!--<form action="printXy.service" method="post" enctype="multipart/form-data" id="exportForm" target="exportForm">-->
    <!--<input name="data" id="data" />-->
    <!--<input name="fileModelName" id="fileModelName" />-->
    <!--<input name="htmlDocument" id="htmlDocument" />-->
<!--</form>-->
<!--<iframe name="exportForm"></iframe>-->
<!--<form action="downXyFwbByWord.service" method="post" enctype="multipart/form-data" id="exportForm1" target="exportForm1">-->
<!--</form>-->
<!--<iframe name="exportForm1"></iframe>-->
<div style="height:92%;overflow-x:auto;overflow-y: auto" id="xynrDiv">
<!--<div region="center" style="overflow: auto;" id="xynrDiv" border="fasle">-->
    <div id="fwbTs" style="border:0;width:690px;margin:0 auto;margin-top:8px;display:none;overflow-y: hidden;padding-top:100px;font-size:20px;"><span style="font-weight: bold">附1</span>：广州市家庭医生服务包及其收费标准</div>
    <table id="fwbTb" style="width:690px;margin:0 auto;margin-top:8px;display:none;overflow-y: hidden">
        <thead>
            <tr>
                <th  rowspan="3" style="width: 100px;">服务包名称</th>
                <th  rowspan="3" style="width:100px">签约适合对象</th>
                <th  colspan="4" style="width:280px">服务包价格(单位:元)</th>
                <th  rowspan="3" style="width:200px">服务内容</th>
            </tr>
            <tr>
                <th  rowspan="2" style="width: 50px;">成本<br/>测算价</th>
                <th  rowspan="2" style="width: 50px;">优惠<br/>后价格</th>
                <th  colspan="2" style="width: 100px;">个人支付</th>
            </tr>
            <tr>
                <th style="width: 50px;">医保<br/>居民</th>
                <th  style="width: 50px;">自费<br/>居民</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td colspan="9" style="display: none"></td>
            </tr>
        </tbody>
    </table>
    <div id="ybfwxTs" style="border:0;width:690px;margin:0 auto;margin-top:8px;display:none;overflow-y: hidden;padding-top:20px;font-size:20px;"><span style="font-weight: bold">附2</span>：医保服务项</div>
    <table id="ybfwxTb" style="width:690px;margin:0 auto;margin-top:8px;display:none;overflow-y: hidden">
        <thead>
            <tr style="height:40px;">
                <th style="width: 50px;">序号</th>
                <th style="width:300px">服务项名称</th>
                <th style="width:100px">单价</th>
                <th style="width:200px">服务次数</th>
                <th style="width:100px">总价</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td colspan="5" style="display: none"></td>
            </tr>
        </tbody>
        <tfoot>
            <tr style="height:40px;">
                <td colspan="4" style="text-align: right;padding-right: 76px;">总价</td>
                <td id="ZJ"></td>
            </tr>
        </tfoot>
    </table>
</div>

<div style="height:8%;line-height:50px;text-align:center;border:0;width:100%;border-top:1px solid #ddd" id="printBox">
    <button id="btnDyxy" class="btn btn-info" type="button">打印协议</button>
</div>
</body>
<script type="text/html" id="fwbTr">
    <tr>
        <td style="text-align:left"></td>
        <td style="text-align:left"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td style="text-align:left"></td>
    </tr>
</script>
</html>